/* @import '@scss/hairline.scss';
.home-button {
  // 局部覆盖全局
  --border-radius: 50px;
  background-color: blue;
  color: white;
  border: 1px solid #fff;
  border-bottom: 1px solid red;
}
.bd {
  background-color: blue;
  color: white;
  position: relative;
  @include hairline(all, green, 50px);
} */
/* 2 复用，在各自定义的类中 */
/* .button-bg-color {
  --geek-my-color: blue; // 定义自己类中的变量
  color: var(--geek-myy-color, pink); // --geek-myy-color 找不到，pink 值生效。
}
.item-bg-color {
  --geek-color-primary: blue; // 可以定义和父类中定义相同名称的变量，效果是覆盖父类中定义的值
  color: var(--geek-color-primary);
}
.head-bg-color {
  color: var(--geek-color-primary);
}
 */

// 导入 1px 边框的样式文件
@import '@scss/hairline.scss';
.root {
  :global {
    .login-form {
      padding: 0 33px;
      .title {
        margin: 54px 0 13px 0;
      }
      .adm-list-body {
        border: none;
      }
      .adm-list {
        --align-items: end !important;
      }
      .adm-list-default {
        border: none;
      }
      .adm-list-item {
        padding: 0;
      }
      .login-item {
        // 注意：因为 1px 边框样式使用了决定定位，所以，此处需要将设置为相对定位
        position: relative;
        // 为该元素设置 1px 边框
        @include hairline(bottom, #f0f0f0);

        > .adm-list-item-content {
          border-top: none;
          height: 70px;
          z-index: 10;
        }
      }
      .adm-list-item-content {
        position: relative;
        border-bottom: none;
      }
      // 验证码
      .adm-input-wrapper {
        --placeholder-color: #a5a6ab;
      }
      .code-extra {
        color: #595769;
        font-size: 14px;
        margin-bottom: 14px;
        &-disabled {
          color: #a5a6ab;
        }
      }
      .adm-list-item-description {
        position: absolute;
        bottom: -25px;
      }

      .login-submit {
        height: 50px;
        margin-top: 38px;
        border: none;
        font-size: 16px;
        background: linear-gradient(315deg, #fe4f4f, #fc6627);
      }
    }
  }
}
